<div class="container">
	<section class="section text-center">
		<div class="section-inner">
			<h1 class="jumbo">We are StepOne</h1>
			<h4 class="light">We design, develop and deliver beautiful websites and mobile applications.</h4>
			<a href="#" class="btn btn-primary">View our work</a>
		</div>
	</section>

	<div class="divider divider-hash nomargin-v"></div>

	<div class="margin margin-mega"></div>

	<section class="section">
		<h3 class="nomargin-v">Our work <small><span class="text-muted">Lorem ipsum dolor sit amet</span></small></h3>
		<div class="divider divider-bar-wide"></div>

		<div class="entries entries-compact entries-portfolio carousel">
			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Shaved Bumblebee</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">Captain America</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>

			<div class="entry">
				<a href="#" class="entry-featured overlay">
					<span class="overlay-color"></span>
					<i class="overlay-content ts-icon-zoom-in ts-icon-2x styled-icon"></i>
					<img src="http://localhost/assets/images/?src=pack_1/0.jpg&w=450&h=450" />
				</a>

				<div class="entry-header">
					<h4 class="entry-title">LAST</h4>
					<ul class="entry-meta">
						<li>Art Direction</li>
						<li>Interface Design</li>
					</ul>
					<a href="#" class="entry-toggle"></a>
				</div>
				<div class="entry-body">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>
				</div>
			</div>
		</div>
	</section>
</div>